<!DOCTYPE html>
<html lang="en">

<head>
<link rel="shortcut icon" href="images/favicon.php" />
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Queen Hotel</title>
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/color.css" rel="stylesheet" type="text/css" />
<link href="styles/inner.css" rel="stylesheet" type="text/css" />
<link href="styles/prettyPhoto.css" rel="stylesheet" type="text/css"  media="screen" title="prettyPhoto main stylesheet" />

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<script type="text/javascript" src="js/ts-portfolio-fade.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){

	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 14,		// requires em unit.
	extraWidth		: 3	// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 

	/* portfolio gallery */
	jQuery('a[data-rel]').each(function() {jQuery(this).attr('rel', jQuery(this).data('rel'));});
	jQuery("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'facebook', gallery_markup:'', slideshow:2000});

});
</script>
</head>
<body>

<div id="outer-container">
		
        <div id="wrapper-header">
        <div class="container">
            <div id="header">
                <div id="logo">
                	<span class="logo-l"></span>
                    <a href="index.php"><img src="images/logo.png" alt=""  /></a>
                    <span class="logo-r"></span>
                </div><!-- end logo -->
                <div class="clear"></div>
                
                <div id="nav-container">
                <div id="nav-main">
                    <div id="nav">
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="#">Rooms</a>
                                <ul>
                                    <li><a href="indo1.php">Indonesian Hotels 1</a></li>
                                    <li><a href="indo2.php">Indonesian Hotels 2</a></li>
                                    <li><a href="indo3.php">Indonesian Hotels 3</a></li>
                                    <li><a href="indo4.php">Indonesian Hotels 4</a></li>
                                    <li><a href="indo5.php">Indonesian Hotels 5</a></li>
                                    <li><a href="indo6.php">Indonesian Hotels 6</a></li>
                                    <li><a href="indo7.php">Indonesian Hotels 7</a></li>
                                </ul>
                            </li>
                            <li><a href="reservation.php">Reservations</a></li>
                            <li><a href="facilities.php" class="current">Facilities</a></li>
                            <li><a href="gallery.php">Gallery</a></li>                 
                            <li><a href="about.php">About</a></li>                 
							<li><a href="contact.php">Contact</a></li>
                      </ul><!-- end topnav -->
                    </div><!-- end nav -->	
                </div><!-- end nav-main -->
                </div><!-- end nav-container -->
            </div><!-- end header -->
       
        </div><!-- end container -->
		</div><!-- end wrapper-header --> 
        
        <div id="wrapper-content">
        <div class="container">
			<div id="content">
        	<div id="main">
            	<div id="maincontent" class="full">
           			<h1 class="pagetitle">Our Facilities</h1>
                   
                    <div id="ts-display-portfolio">
                        <ul id="ts-display-pf-col-1">
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf1-1.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf1-1.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Lounge Bar</h2>
                                    <p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat...</p>
                                    <a href="#" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf1-2.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf1-2.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Swimming Pool</h2>
                                    <p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat...</p>
                                    <a href="#" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf1-3.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf1-3.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Gym &amp; Sauna</h2>
                                    <p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat...</p>
                                    <a href="#" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf1-4.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf1-4.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Tennis Court</h2>
                                    <p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat...</p>
                                    <a href="#" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf1-5.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf1-5.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Scuba Diving</h2>
                                    <p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat...</p>
                                    <a href="#" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                        </ul>
                        <div class="clear"></div><!-- clear float -->
                   	</div><!-- end ts-display-portfolio -->
                    <div class="separator line"></div>
                    <div class="pagenavi">
                        <span class="postslink">Page 1 of 4</span><a href="#" class="page">1</a><span class="current">2</span><a href="#" class="page">3</a><a href="#" class="page">4</a>
                    </div><!-- end pagenavi -->
                    
                    <div class="clear"></div><!-- clear float -->
                </div><!-- end maincontent -->
                <div class="clear"></div><!-- clear float --> 
            </div><!-- end main -->
		</div><!-- end content -->
        </div><!-- end container -->
		</div><!-- end wrapper-content -->
        
        <div id="wrapper-footer">
        <div class="container">
            <div id="footer">
                <div id="main-footer">
                    <div class="footcol1">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Account</h2>
                            <ul>
                                <li><a href="#">Your Account</a></li>
                                <li><a href="#">Personal Information</a></li>
                                <li><a href="#">Addresses</a></li>
                                <li><a href="#">Order History</a></li>
                                <li><a href="#">Discount</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="footcol2">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Our Hotel</h2>
                                <ul>
                                    <li><a href="#">New Product</a></li>
                                    <li><a href="#">Special Rooms</a></li>
                                    <li><a href="#">Guaranteed room availability</a></li>
                                    <li><a href="#">Complimentary Internet access</a></li>
                                    <li><a href="#">Suppliers</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol3">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Promotion</h2>
                                <ul>
                                    <li><a href="#">Gift Cards</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Extended Service Plan</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol4">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Information</h2>
                            <ul>
                                <li><a href="#">Search Terms</a></li>
                                <li><a href="#">Mobile</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Advanced Service</a></li>
                                <li><a href="#">Site Map</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="clear"></div>
                </div><!-- end main-footer -->
            </div><!-- end footer -->
        </div><!-- end container -->
        </div><!-- end wrapper-footer -->
           
        <div id="after-footer">
        <div class="container">
            <div id="copyright">
            Copyright &copy;2012 Queen Hotel. All Rights Reserved. Theme design by	<a href="http://templatesquare.com/" title="">
            TemplateSquare.com</a>
            </div>
            <div class="clear"></div>
        </div><!-- end container -->
        </div><!-- end after-footer -->
        

</div><!-- end outer-container -->
		
</body>

</html>
